home *** CD-ROM | disk | FTP | other *** search
/ MacFormat 2008 October / MacFormat Issue200 October 2008.toast / pc / DiscContents / In the mag / Widgets / RefurbMe 3.0 / Widget / RefurbMe.wdgt / style.css < prev   
Encoding:
Cascading Style Sheet File  |  2008-07-27  |  6.0 KB  |  379 lines
  1. body{
  2.     margin:0;
  3.     padding:0;
  4. }
  5. a{
  6.     font: bold 11px "Lucida Grande", Verdana, sans-serif;
  7.     color:#000;
  8.     text-decoration:none;
  9. }
  10. #front{
  11.     margin:0;
  12.     padding:0;
  13.     position:absolute;
  14.     width:328px;
  15.     height:110px;
  16. }
  17. #top {
  18.     position:absolute;
  19.     left:0; top:0;
  20.     height: 31px;
  21.     width: 328px;
  22.     background-image: url('Images/top.png');
  23. }
  24. #center {
  25.     position:absolute;
  26.     left:0px; 
  27.     top:31px;
  28.     bottom: 27px;
  29.     width:328px;
  30.     background: #FFF url('Images/center.png') repeat-y;
  31. }
  32. #bottom {
  33.     position:absolute;
  34.     left:0;
  35.     bottom:0px;
  36.     height: 27px;
  37.     width: 328px;
  38.     background-image: url('Images/bottom.png');
  39. }
  40. #products{
  41.     opacity:0;
  42.     z-index:5;
  43. }
  44. #loading{
  45.     position:absolute;
  46.     left:120px;
  47.     height:13px;
  48.     width:120px;
  49.     top: 50%;
  50.     margin-top:-10px;
  51.     background: transparent url(Images/loader.gif) no-repeat left;
  52.     font: normal 11px "Lucida Grande", Verdana, sans-serif;
  53.     color:#6C6C6C;
  54.     text-indent:15px;
  55. }
  56. #tabs{
  57.     position:absolute;
  58.     top:0px;
  59.     right:20px;
  60.     width:100px;
  61.     height:31px;
  62.     padding:0;
  63.     text-align:left;
  64. }
  65. #tab_ipod{
  66.     position:absolute;
  67.     left:33px;
  68.     width:30px;
  69.     height:31px;
  70.     background-image: url(Images/tab_ipod.png);
  71. }
  72. #tab_mac{
  73.     position:absolute;
  74.     left:0px;
  75.     width:30px;
  76.     height:31px;
  77.     background-image: url(Images/tab_mac.png);
  78. }
  79. #tab_iphone{
  80.     position:absolute;
  81.     left:66px;
  82.     width:30px;
  83.     height:31px;
  84.     background-image: url(Images/tab_iphone.png);
  85. }
  86.  
  87. .product {
  88.     background-color:#FFF;
  89.     margin-left: 1px;
  90.     margin-right: 1px;
  91.     border-bottom: 1px solid #6DA0BA;
  92.     text-decoration: none;
  93.     display: block;
  94.     padding: 5px;
  95.     padding-left:10px;
  96. }
  97. .product_isnew{
  98.     background-color:#FBEFEC;
  99. }
  100. .product_al{
  101.     background-color:#F8F8F8;
  102. }
  103. .category {
  104.     background:url(Images/categ.png);
  105.     background-repeat:repeat-x;
  106.     margin-left: 1px;
  107.     margin-right: 1px;
  108.     border-bottom: 1px solid #9E9E9E;
  109.     text-decoration: none;
  110.     display: block;
  111.     height:22px;
  112.     line-height:22px;
  113.     color: #747474;
  114.     font: bold 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  115.     text-decoration: none;
  116. }
  117. .categ_cont{
  118.     padding-left:5px;
  119.     line-height:22px;
  120. }
  121. .categ_img{
  122.     float:left;
  123.     padding-right:5px;
  124. }
  125. .cat_title{
  126.     margin-top:-3px;
  127.     margin-left:3px;
  128. }
  129.  
  130. .price {
  131.     font-size: 11px;
  132.     font-family: Geneva;
  133.     color:#A0BB22;
  134.     text-decoration: none;
  135.     font-weight:bold;
  136.     float: right;
  137.     padding-right: 23px;
  138.     display:block;
  139.     
  140. }
  141. .oldp {
  142.     font-size: 11px;
  143.     font-family: Geneva;
  144.     color:#E1971D;
  145.     text-decoration: line-through;
  146.     float: right;
  147.     padding-right: 23px;
  148.     display:block;
  149.     
  150. }
  151. .save_d {
  152.     color:#246417;
  153. }
  154. .save {
  155.     font-size: 11px;
  156.     font-family: Geneva;
  157.     color:#515151;
  158.     float: right;
  159.     padding-right: 23px;
  160.     display:block;
  161.     clear:both;
  162. }
  163. .title {
  164.     font-family: Geneva;
  165.     color:#000;
  166.     font-size: 11px;
  167.     text-decoration: none;
  168. }
  169. .title:hover{
  170.     color:#334879;
  171. }
  172. .link{
  173.     background:url(Images/button.png);
  174.     width:100px;
  175.     height:21px;
  176.     font-size: 12px;
  177.     font-family: Geneva;
  178.     color:#FFF;
  179.     text-shadow:1px 1px 6px #fcfcfc;
  180.     text-align:center;
  181.     float:right;
  182.     margin-right:15px;
  183.     margin-top:-15px;
  184.     cursor:pointer;
  185. }
  186. .link_bis{
  187.     margin-top:-5px;
  188. }
  189. .link:hover{
  190.     background:url(Images/button_h.png);
  191. }
  192. .description {
  193.     font-size: 10px;
  194.     font-family: Geneva;
  195.     color:#7D7D7D;
  196.     text-decoration: none;
  197.     font-weight:normal;
  198.     width:217px;
  199. }
  200. em{
  201.     font-size:12px;
  202. }
  203.  
  204.  
  205. #resize {
  206.     position:absolute;
  207.     -apple-dashboard-region: dashboard-region(control rectangle);
  208.     top: 6px;
  209.     right: 6px;
  210. }
  211. #scrollbar{
  212.     position:absolute;
  213.     top:31px;
  214.     bottom: 28px;
  215.     right:1px;
  216.     width:19px;
  217.     z-index:10;
  218. }
  219. .noprod{
  220.     position:absolute;
  221.     left:0px;
  222.     height:40px;
  223.     width:328px;
  224.     top: 50%;
  225.     margin-top:-25px;
  226.     font: italic 14px Verdana, sans-serif;
  227.     color:#999;
  228.     text-align:center;
  229. }
  230. #flag_cn{
  231.     position:absolute;
  232.     width:20px;
  233.     height:16px;
  234.     left:10px;
  235.     bottom:5px;
  236. }
  237. #select_cn{
  238.     position:absolute;
  239.     background-repeat: no-repeat;
  240.     width:100px;
  241.     height:20px;
  242.     left:35px;
  243.     bottom:0px;
  244.     font-size: 12px;
  245.     font-family: Geneva;
  246.     color:#626262;
  247.     padding:2px;
  248.     text-align:left;
  249. }
  250. #countryS{
  251.     margin-left:5px;
  252.     margin-top:5px;
  253.     width:130px;
  254.     background-color:#084992;
  255.     opacity:0;
  256.     
  257. }
  258.  
  259. /* Back */
  260. .flip {
  261.     position: absolute;
  262.     top: 4px;
  263.     right: 3px;
  264.     width:13px;
  265.     height:13px;
  266. }
  267. #flip {
  268.     opacity: 0;
  269.     background: url(file:///System/Library/WidgetResources/ibutton/black_i.png) no-repeat top left;
  270.     z-index:8000;
  271. }
  272. #fliprollie {
  273.     display:none;
  274.     opacity:0.25;
  275.     background: url(file:///System/Library/WidgetResources/ibutton/black_rollie.png) no-repeat top left;
  276.     z-index:7999;
  277. }
  278. #doneButton {
  279.     position: absolute;
  280.     background: url('Images/done.png') no-repeat;
  281.     width:76px;
  282.     height:23px;
  283.     right: 15px;
  284.     bottom: 15px;
  285. }
  286. #logo{
  287.     position: absolute;
  288.     background: url('Images/logo.png') no-repeat;
  289.     width:95px;
  290.     height:23px;
  291.     left: 15px;
  292.     bottom: 15px;
  293.     cursor:pointer;
  294. }
  295. #mainLogo{
  296.     position: absolute;
  297.     background: url('Images/logo.png') no-repeat;
  298.     width:95px;
  299.     height:23px;
  300.     left: 10px;
  301.     top: 5px;
  302. }
  303. #backCtn{
  304.     opacity:0;
  305.     font-size: 12px;
  306.     font-family: Geneva;
  307.     color:#FFF;
  308.     text-shadow:1px 1px 6px #000;
  309.     padding:20px;
  310. }
  311. #backCtn a{
  312.     font-size: 12px;
  313.     font-family: Geneva;
  314.     color:#C5EEFF;
  315.     text-shadow:1px 1px 6px #2C77D3;
  316.     font-weight:normal;
  317. }
  318. #back{
  319.     background-image: url(Images/back.png);
  320.     margin:0;
  321.     padding:0;
  322.     position:absolute;
  323.     width:328px;
  324.     height:156px;
  325.     display:none;
  326. }
  327.  
  328.  
  329. /*-----UPDATE-----*/
  330. #version_new{
  331.     position:absolute;
  332.     display:none;
  333.     background-image: url(Images/alert.png);
  334.     top:50%;left:5px;width:301px;height:87px;
  335.     margin-top:-40px;
  336.     z-index:9999;
  337. }
  338. #alert_txt{
  339.     padding-top:7px;
  340.     padding-left:10px;
  341.     padding-right:10px;
  342.     font-size: 12px;
  343.     font-family: Geneva;
  344.     text-align:center;
  345. }
  346. #download_btn{
  347.     position:absolute;
  348.     background:url(Images/button.png);
  349.     width:100px;
  350.     height:21px;
  351.     font-size: 12px;
  352.     font-family: Geneva;
  353.     color:#FFF;
  354.     text-shadow:1px 1px 6px #fcfcfc;
  355.     text-align:center;
  356.     bottom:15px;
  357.     right:15px;
  358.     cursor:pointer;
  359. }
  360. #download_btn:hover{
  361.     background:url(Images/button_h.png);
  362. }
  363. #later_btn{
  364.     position:absolute;
  365.     background:url(Images/button.png);
  366.     width:100px;
  367.     height:21px;
  368.     font-size: 12px;
  369.     font-family: Geneva;
  370.     color:#FFF;
  371.     text-shadow:1px 1px 6px #fcfcfc;
  372.     text-align:center;
  373.     bottom:15px;
  374.     left:15px;
  375.     cursor:pointer;
  376. }
  377. #later_btn:hover{
  378.     background:url(Images/button_h.png);
  379. }